*{
	margin: 0 auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
html,
body {
	background-color: #efeff4;
}
/*header*/
nav{
	width: 100%;
	height: 42px;
}
.mui-icon{
	color: #F2F2F2;
}
.mui-bar-nav{
	background-color: #555555;
}
.mui-title{
	color: #F2F2F2;
	font-size: 20px;
	font-weight: 600;
}
.mui-pull-center{
	left: 50%;
}
.hr_line{
	margin-top: 3px;
	height: 1px;
	width: 100%;
	margin-left: 2px;
	margin-right: 2px;
	background-color: #999999;
}
.clearfix:after {       
    content: "";     
    display: block;  
    clear: both;   
    visibility: hidden;
    line-height: 0;   
    height: 0;    
    font-size:0;   
}

.clearfix { *zoom:1;}  
